<template>
	<view>
		<view class="">
			<image class="m-list-img" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/coupon.png" mode=""></image>
		</view>
		<view class="list-container">
			
			
			<view class="">
				<view>
					<text class="m-h2">猜你需要</text>
				</view>
				<view class="m-list-flex m-list-margin-bottom">
					<view class="">
						<text class="m-list-font-mini">猜你所需，更多可能</text>
					</view>
					<view class="" @tap="toQiekuaiList()">
						<text class="m-list-font-mini" >更多</text>
						<image src="../../../../static/next.png" style="position: relative;top: 10rpx;" class="m-image" mode=""></image>
					</view>
				</view>
			</view>
		
			<view class="">
				<view class="" @tap="toDetail">
					<view class="">
						<view class="m-list-flex m-list-margin-bottom-a">
							<view class="">
								<text class="m-list-font-mini">等级：B05A3.5</text>
							</view>
							<view class="">
								<text class="m-list-font-mini-r">2月8日结束</text>
							</view>
						</view>
						<view class="m-list-margin-bottom-a">
							<text class="m-h2-a">常规砌块</text>
						</view>
						<view class="">
							<text class="m-list-font-mini">规格(LxBxH)：600mm*200mm*250mm</text>
						</view>
						<view style="margin-top: 16rpx;">
							<uni-list>
								<uni-list-item title="" note="" class="m-list-box-4 m-list-left-f">
									<text class="m-font-padding m-list-font-mini-active">定金80%</text>
								</uni-list-item>
								<uni-list-item title="" note="" class="m-bg m-list-left-f">
									<text class="m-font-padding m-list-font-mini">40m³起订</text>
								</uni-list-item>
								<uni-list-item title="" note="" class="m-bg m-list-left-f">
									<text class="m-font-padding m-list-font-mini">100km内</text>
								</uni-list-item>
								<uni-list-item title="" note="" class="m-bg m-list-left-f">
									<text class="m-font-padding m-list-font-mini">工厂自提</text>
								</uni-list-item>
							</uni-list>
						</view>
						
					</view>
				</view>
				<view class="m-border-bottom" style="display: flex;justify-content: space-between;margin: 34rpx 0;padding-bottom: 29rpx;">
					
					<view class="m-price" >
						<view class="m-price-a" style="display: flex;">
							<view class="" >
								￥150.00/m³
							</view> 
							<view class="m-list-font-mini"  style="margin-left: 10rpx;font-size: 16rpx;color: #D93535;">
								含税
							</view>
						</view>
						<view class="m-price-b">
							￥190.00/m³
						</view>
					</view>
					<view>
						<button @click="toPay()" type="default" class="list-btn">立即选购</button>
					</view>
				</view>
			</view>
			
			
			<view class="">
				<view class="" @tap="toDetail">
					<view class="">
						<view class="m-list-flex m-list-margin-bottom-a">
							<view class="">
								<text class="m-list-font-mini">等级：B05A3.5</text>
							</view>
							<view class="">
								<text class="m-list-font-mini-r">2月8日结束</text>
							</view>
						</view>
						<view class="m-list-margin-bottom-a">
							<text class="m-h2-a">常规砌块</text>
						</view>
						<view class="">
							<text class="m-list-font-mini">规格(LxBxH)：600mm*200mm*250mm</text>
						</view>
						<view style="margin-top: 16rpx;">
							<uni-list>
								<uni-list-item title="" note="" class="m-list-box-4 m-list-left-f">
									<text class="m-font-padding m-list-font-mini-active">付全款</text>
								</uni-list-item>
								<uni-list-item title="" note="" class="m-bg m-list-left-f">
									<text class="m-font-padding m-list-font-mini">40m³起订</text>
								</uni-list-item>
								<uni-list-item title="" note="" class="m-bg m-list-left-f">
									<text class="m-font-padding m-list-font-mini">100km以内</text>
								</uni-list-item>
								<uni-list-item title="" note="" class="m-bg m-list-left-f">
									<text class="m-font-padding m-list-font-mini">工厂自提</text>
								</uni-list-item>
							</uni-list>
						</view>
						
					</view>
				</view>
				<view class="m-border-bottom" style="display: flex;justify-content: space-between;margin: 34rpx 0;padding-bottom: 29rpx;">
					
					<view class="m-price">
						<view class="m-price-a" style="display: flex;">
							<view class="" >
								￥110.00/m³
							</view> 
							<view class="m-list-font-mini"  style="margin-left: 10rpx;font-size: 16rpx;color: #D93535;">
								含税
							</view>
						</view>

						<view class="m-price-b">
							￥180.00/m³
						</view>
					</view>
					<view>
						<button @click="toPay()" type="default" class="list-btn">立即选购</button>
					</view>
				</view>
			</view>
			
			<view class="">
				<view class="" @tap="toDetail">
					<view class="">
						<view class="m-list-flex m-list-margin-bottom-a">
							<view class="">
								<text class="m-list-font-mini">等级：B05A3.5</text>
							</view>
							<view class="">
								<text class="m-list-font-mini-r">2月8日结束</text>
							</view>
						</view>
						<view class="m-list-margin-bottom-a">
							<text class="m-h2-a">常规砌块</text>
						</view>
						<view class="">
							<text class="m-list-font-mini">规格(LxBxH)：600mm*200mm*250mm</text>
						</view>
						<view style="margin-top: 16rpx;">
							<uni-list>
								<uni-list-item title="" note="" class="m-list-box-4 m-list-left-f">
									<text class="m-font-padding m-list-font-mini-active">付全款</text>
								</uni-list-item>
								<uni-list-item title="" note="" class="m-bg m-list-left-f">
									<text class="m-font-padding m-list-font-mini">60m³起订</text>
								</uni-list-item>
								<uni-list-item title="" note="" class="m-bg m-list-left-f">
									<text class="m-font-padding m-list-font-mini">100km以内</text>
								</uni-list-item>
								<uni-list-item title="" note="" class="m-bg m-list-left-f">
									<text class="m-font-padding m-list-font-mini">工厂自提</text>
								</uni-list-item>
							</uni-list>
						</view>
						
					</view>
				</view>
				<view class="m-border-bottom" style="display: flex;justify-content: space-between;margin: 34rpx 0;padding-bottom: 29rpx;">
					
					<view class="m-price">
						<view class="m-price-a" style="display: flex;">
							<view class="" >
								￥105.00/m³
							</view> 
							<view class="m-list-font-mini"  style="margin-left: 10rpx;font-size: 16rpx;color: #D93535;">
								含税
							</view>
						</view>
						
						<view class="m-price-b">
							￥180.00/m³
						</view>
					</view>
					<view>
						<button @click="toPay()" type="default" class="list-btn">立即选购</button>
					</view>
				</view>
			</view>
			
			
			
			
			
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toPay:function(){
				uni.navigateTo({
					url:'../order-1/order-1'
				})
			},
			toDetail:function(){
				uni.navigateTo({
					url:'../enact-list/enact-list'
				})
			},
			toQiekuaiList:function(){
				uni.navigateTo({
					url:"../QieKuaiList/QieKuaiList"
				})
			}
		}
	}
</script>

<style lang="less">
@import url("../../../../style.less");
@import url("../../index.less");
</style>
